*{
   margin:0;
   padding:0;
}

body{
   font-family: "微软雅黑";
   background: #fff;
}

em{
  font-style: normal;
}

li{
  list-style: none;
}

.cl{
  clear: both;
}

.fl{
  float: left;
}

.fr{
  float: right;
}
input,textarea{
	outline: none;
	background: none;
	border: none;
}

/*底部样式*/
.footer{
	position: fixed;
	width: 100%;
	height: 1.2rem;
	border-top: 1px solid #dfdfdf;
	bottom: 0;
	left: 0;
	background: #fff;
	display: flex;
}
.footer a{
	flex:1;
	text-align: center;
	font-size: 0.3rem;
	color: #666;
}
.footer a.active{
	color: #c85269;
}

.footer a i{
	display:block;
	margin: 0.15rem auto 0.1rem;
}

.footer a .home-icon{
	width:0.6rem;
	height: 0.5rem;
	background: url(./images/home.png) no-repeat;
	background-size: cover;
}
.footer a.active .home-icon{
	width:0.6rem;
	height: 0.5rem;
	background: url(./images/home-checked.png) no-repeat;
	background-size: cover;
}

.footer a .cation-icon{
	width:0.5rem;
	height: 0.5rem;
	background: url(./images/cation.png) no-repeat;
	background-size: cover;
}

.footer a.active .cation-icon{
	width:0.5rem;
	height: 0.5rem;
	background: url(./images/cation-checked.png) no-repeat;
	background-size: cover;
}

.footer a .designer-icon{
	width:0.5rem;
	height: 0.5rem;
	background: url(./images/designer.png) no-repeat;
	background-size: cover;
}

.footer a.active .designer-icon{
	width:0.5rem;
	height: 0.5rem;
	background: url(./images/designer-checked.png) no-repeat;
	background-size: cover;
}

.footer a .cart-icon{
	width:0.5rem;
	height: 0.5rem;
	background: url(./images/cart.png) no-repeat;
	background-size: cover;
}


.footer a.active .cart-icon{
	width:0.5rem;
	height: 0.5rem;
	background: url(./images/cart-checked.png) no-repeat;
	background-size: cover;
}
.footer a .my-icon{
	width:0.52rem;
	height: 0.5rem;
	background: url(./images/my.png) no-repeat;
	background-size: cover;
}

.footer a.active .my-icon{
	width:0.52rem;
	height: 0.5rem;
	background: url(./images/my-checked.png) no-repeat;
	background-size: cover;
}